<template>
  <!-- 一级路由出口 -->
  <!-- <div id="container"></div> -->
  <router-view/>
</template>

<script>
// createVNode 生成虚拟dom
// import { createVNode, render } from 'vue'
// import Message from '@/components/Message/index.vue'
// // h1标签的虚拟dom
// const h1VNode = createVNode(
//   'h1',
//   {
//     id: 'box'
//   },
//   'this is h1 box'
// )
// console.log(h1VNode)
// // message组件 生成一个虚拟dom
// const MessageVnode = createVNode(
//   Message,
//   {
//     type: 'success',
//     text: '成功'
//   }
// )
// console.log(MessageVnode)
// // render：把上一步生成的虚拟dom渲染为真实的dom
// // render(VNode, 挂载的节点)
// setTimeout(() => {
//   // render(h1VNode, document.getElementById('container'))
//   render(MessageVnode, document.getElementById('container'))
// }, 1000)
import Message from '@/components/Message/index.js'
Message({ type: 'success', text: '成功' })
export default {
  name: 'app-vue'
}

</script>

<style lang="less">
// @import "~@/style/var.less";
.test {
  color: @helpColor
}
</style>
